<div class="homePage">

    <div class="clear"></div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_02.jpg') center; width:100%; height:766px;">
        <div style="relative;top:2%;left:75%;"></div>
        <div style="position:relative;left: 50%;width: 49%;top: 58%;">
            <a href="<?php echo urlMember('login','register'); ?>"><input type="image" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/99_03.png"/></a>
            <a href="<?php echo urlShop('crowdfunding','list'); ?>"><input type="image" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/99_03-02.png"/></a>
            <a href="<?php echo urlShop('member','sns');?>"><input type="image" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/99_03-03.png"/></a>
        </div>
    </div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_04.jpg') center; width:100%; height:300px;">

        <style>
            .newjiexiao{ border-top:2px solid #4aaddf; width:89%; margin:0 auto;}
            .newjiexiao li{ float:left; width:18%; padding:10px; text-align:center; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;}
            .newjiexiao li:last-child{ border-right:1px solid #EEEEEE;}
            .newjiexiao li p{ text-align:left;}
            .newjiexiao2 li img {width:150px;height: 150px;}
            .jtitle {width:160px;height:20px;overflow: hidden;}
            .onthis .jtitle {width:90px;height:40px;overflow: hidden;}
        </style>
        <div class="wrapper">
            <p style="text-align:right; width:89%; margin:0 auto;"><a href="<?php echo urlShop('crowdfunding','records');?>">更多></a></p>
            <ul class="newjiexiao">
                <?php foreach($output['winners'] as  $qishu){
                    $qishu['q_user'] = unserialize($qishu['q_user']);
                    ?>
                    <li>
                        <a href="<?php echo urlShop('crowdfunding', 'dataserver',array('id'=>$qishu['id']));?>" target="_blank" class="pic"><img width="184" height="200" src="<?php echo UPLOAD_SITE_URL.DS.ATTACH_GOODS.DS. $qishu['thumb'];?>" /></a>
                        <p style="width:190px;overflow: hidden;height: 40px;"><a href="<?php echo urlShop('crowdfunding', 'dataserver',array('id'=>$qishu['id']));?>" target="_blank" class="name">第<?php echo $qishu['qishu'];?>期 <?php echo $qishu['title'];?></a></p>
                        <p>
                        <label>获得者：</label><a rel="nofollow" class="blue" href="<?php echo urlShop('crowdfunding', 'uname',array('id'=>$qishu['q_uid']));?>" target="_blank"><label style="color:#f94856;"><?php echo $qishu['q_user']['username'];?></a></label></p>
                    </li>
                <?php }?>

            </ul>
        </div>
    </div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_05.jpg') center; width:100%; height:148px;"></div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_04.jpg') center; width:100%; height:820px;">

        <div class="wrapper">
            <style>
                .newjiexiao2{ border-top:2px solid #4aaddf;border-left:1px solid #eeeeee; float:left;}
                .newjiexiao2 li{ float:left; width:188px; padding:10px; text-align:center; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;}
                .newjiexiao2 li:last-child{ border-right:1px solid #EEEEEE;}
                .newjiexiao2 li p{ text-align:left;}
                .jiex label{ float:left; width:33%;}
            </style>
            <div style=" width:89%; margin:0 auto;">
                <div style=" float:left; width:837px;">

                    <p>
                        <label style="float:left; font-size:22px; line-height:45px;">即将揭晓</label><a style=" float:right; line-height:45px; color:#f94856;" href="<?php echo urlShop('crowdfunding','list');?>">更多></a></p>
                    <ul class="newjiexiao2">

                        <?php foreach($output['products'] as $shop){?>
                            <li >
                                <a rel="nofollow" href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                                       target="_blank" title="<?php echo $shop['title'];?>"> <img
                                            alt="<?php echo $shop['title'];?>"
                                            src="<?php echo UPLOAD_SITE_URL.DS.ATTACH_GOODS.DS. $shop['thumb'];?>"></a>

                                <p  style="height: 50px;overflow: hidden;">
                                    <a href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                                       target="_blank" title="<?php echo $shop['title'];?>"><?php echo $shop['title'];?></a>
                                </p>
                                <p style="line-height: 35px;" title="已完成<?php echo round($shop['canyurenshu']/$shop['zongrenshu']*100,2);?>%">
                                    <label>价值：</label><label><span class="rmb"></span><?php echo $shop['money'];?></label>
                                </p>
                                <div style=" background:#eeeeee; height:10px;border-radius: 10px;">
                                    <p style=" background:#f94856; width:<?php echo round($shop['canyurenshu']/$shop['zongrenshu']*100,2);?>%; height:10px;border-radius: 10px;"></p>
                                </div>
                                <div class="jiex" style="line-height:25px;">
                                    <label style="text-align:left; color:#f94856"><?php echo $shop['canyurenshu'];?></label>
                                    <label style="text-align: center;"><?php echo $shop['zongrenshu'];?></label>
                                    <label style="text-align: right; color:#4aaddf;"><?php echo $shop['zongrenshu']-$shop['canyurenshu'];?></label>
                                </div>
                                <p></p>
                                <div class="jiex">
                                    <label style="text-align:left;">已参与</label>
                                    <label style="text-align: center;">总需人次</label>
                                    <label style="text-align: right;">剩余</label>
                                </div>

                                <div style=" height:16px; clear:both;"></div>
                                <a href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                                   target="_blank"><div style="background:#4aaddf;border-radius: 5px; margin:0 auto; padding:10px 30px; font-size:16px; color:#FFFFFF; width: 35%; clear:both; margin-bottom:16px;">立即参与</div></a>
                            </li>
                        <?php }?>

                        <?php /*for($i=1;$i<=6;$i++){?>
                        <li>
                            <img style="width:150px;" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/1_05.jpg" />
                            <p style="height: 50px;overflow: hidden;">第一期2016年夏季热款黄金足金可爱带福字小女孩吊坠</p>
                            <p style="line-height: 35px;">
                                <label>价值：</label>
                                <label>198元</label>
                            </p>

                            <div style=" background:#eeeeee; height:10px;border-radius: 10px;">
                                <p style=" background:#f94856; width:80%; height:10px;border-radius: 10px;"></p>
                            </div>

                            <div class="jiex" style="line-height:25px;">
                                <label style="text-align:left; color:#f94856">60</label>
                                <label style="text-align: center;">62</label>
                                <label style="text-align: right; color:#4aaddf;">2</label>
                            </div>
                            <p></p>
                            <div class="jiex">
                                <label style="text-align:left;">已参与</label>
                                <label style="text-align: center;">总需人次</label>
                                <label style="text-align: right;">剩余</label>
                            </div>
                            <div style=" height:16px; clear:both;"></div>
                            <div style="background:#4aaddf;border-radius: 5px; margin:0 auto; padding:10px 30px; font-size:16px; color:#FFFFFF;    width: 35%; clear:both; margin-bottom:16px;">立即参与</div>
                        </li> <?php }*/?>

                    </ul>
                </div>







                <div style="float:right;width:17%;padding:15px; border:1px solid #eeeeee; margin-top:45px;">

                    <p style="font-size:16px; border-bottom:1px dotted #999999; padding-bottom:8px;">TA们正在拼
                        <label style="float:right; font-size:12px; margin-right:18px;">最新参与记录</label>
                    </p>

                    <div id="demo" style="overflow:hidden;height:699px;">
                        <div id="demo1">
                            <?php if(!empty($output['crowds_list'])){ foreach($output['crowds_list'] as $gorecord){?>
                                <div style="border-bottom:1px dotted #999999;float:left; padding:12px 0px;">
                                    <a href="<?php echo urlShop('crowdfunding','goods',array('id'=>$gorecord['shopid']));?>" target="_blank"
                                       class="f-pic" rel="nofollow" title="<?php echo $gorecord['username'];?>">
                                    <div style="float:left; width:70px;"><img style="width:70px;" alt="<?php echo $gorecord['shopname'];?>" src="<?php echo shopimg($gorecord['shopid']);?>" /></div>
                                    <div style="float:right; width:111px;">
                                        <label style="color:#f94856;"> <a href="<?php echo urlShop('crowdfunding', 'uname',array('id'=>$gorecord['q_uid']));?>" class="f-name blue" target="_blank" title="<?php echo $gorecord['username'];?>"><?php echo $gorecord['username'];?></a></label>
                                        <p style="height: 40px;overflow: hidden;"><a href="<?php echo urlShop('crowdfunding','goods',array('id'=>$gorecord['shopid']));?>" class="gray6" title="<?php echo $gorecord['shopname'];?>"><?php echo $gorecord['shopname'];?></a></p>
                                    </div>
                                        </a>
                                </div>

                            <?php }}?>
                            <?php /*
                            <div style=" border-bottom:1px dotted #999999;float:left; padding:12px 0px;">

                                <div style="float:left; width:70px;"><img style="width:70px;" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/1_05.jpg" /></div>
                                <div style="float:right; width:111px;">
                                    <label style="color:#f94856;">小果子</label>
                                    <p>2016年夏季热款黄金足金可爱带福字小女孩吊坠</p>
                                </div>
                            </div>
                            */?>
                        </div>
                        <div id="demo2"></div>
                    </div>

                </div>
            </div>
            <?php if(count($output['crowds_list'])>10){?>
            <script>
                var speed=50
                demo2.innerHTML=demo1.innerHTML
                function Marquee(){
                    if(demo2.offsetTop-demo.scrollTop<=0)
                        demo.scrollTop-=demo1.offsetHeight
                    else{
                        demo.scrollTop++
                    }
                }
                var MyMar=setInterval(Marquee,speed)
                demo.onmouseover=function() {clearInterval(MyMar)}
                demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
            </script> <?php }?>
        </div>

    </div>

    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_05.jpg') center; width:100%; height:148px;"></div>

    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_04.jpg') center; width:100%; height:400px;">

        <div class="wrapper">

            <div style=" width:89%; margin:0 auto;">
                <div style=" float:left; width:837px; margin-top:-25px;">

                    <p>
                        <label style="float:left; font-size:22px; line-height:45px;">热门推荐</label><a style=" float:right; line-height:45px; color:#f94856;" href="<?php echo urlShop('crowdfunding','list');?>">更多></a></p>
                    <ul class="newjiexiao2">
                        <?php foreach($output['recommends'] as $shop){?>
                        <li>
                            <a rel="nofollow" href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                               target="_blank" title="<?php echo $shop['title'];?>"> <img
                                                                                          alt="<?php echo $shop['title'];?>"
                                                                                          src="<?php echo UPLOAD_SITE_URL.DS.ATTACH_GOODS.DS. $shop['thumb'];?>"></a>
                            <p  style="height: 50px;overflow: hidden;">
                                <a href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                                   target="_blank" title="<?php echo $shop['title'];?>"><?php echo $shop['title'];?></a>
                            </p>
                            <p style="line-height: 35px;" title="已完成<?php echo round($shop['canyurenshu']/$shop['zongrenshu']*100,2);?>%">
                                <label>价值：</label><label><span class="rmb"></span><?php echo $shop['money'];?></label>
                            </p>
                            <div style=" background:#eeeeee; height:10px;border-radius: 10px;">
                                <p style=" background:#f94856; width:<?php echo round($shop['canyurenshu']/$shop['zongrenshu']*100,2);?>%; height:10px;border-radius: 10px;"></p>
                            </div>
                            <div class="jiex" style="line-height:25px;">
                                <label style="text-align:left; color:#f94856"><?php echo $shop['canyurenshu'];?></label>
                                <label style="text-align: center;"><?php echo $shop['zongrenshu'];?></label>
                                <label style="text-align: right; color:#4aaddf;"><?php echo $shop['zongrenshu']-$shop['canyurenshu'];?></label>
                            </div>
                            <p></p>
                            <div class="jiex">
                                <label style="text-align:left;">已参与</label>
                                <label style="text-align: center;">总需人次</label>
                                <label style="text-align: right;">剩余</label>
                            </div>
                            <div style=" height:16px; clear:both;"></div>
                            <a href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                               target="_blank"><div style="background:#4aaddf;border-radius: 5px; margin:0 auto; padding:10px 30px; font-size:16px; color:#FFFFFF; width: 35%; clear:both; margin-bottom:16px;">立即参与</div></a>
                        </li>
                       <?php }?>
                        <?php /*
                        <li>
                            <img style="width:180px;margin-bottom: 25px;" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/1_05.jpg" />
                            <p>第一期2016年夏季热款黄金足金可爱带福字小女孩吊坠</p>
                            <p style="line-height: 35px;">
                                <label>价值：</label>
                                <label style="color:#f94856;">198元</label>
                            </p>
                        </li> */?>

                    </ul>
                </div>
                <div class="toget" style="float:right;width:17%;padding: 15px 15px 0px 15px;border:1px solid #eeeeee; margin-top:20px;">

                    <p style="font-size:16px; border-bottom:1px dotted #999999; padding-bottom:8px;">人气排行</p>

                    <style>
                        .onthis .isleft{float:left; width:70px; display:block;}
                        .onthis .isright{float:right; width:111px;}
                        .onthis .isright .jiage{ display:block;}
                        .onthis .isright label{color:#FFFFFF; float:right; background-color:#f94856;padding: 0px 6px;margin-bottom: 30px;}

                        .isleft{ display:none;}
                        .jiage { display:none;}
                        .isright label{color:#f94856; float:right; background-color:#FFFFFF;padding: 0px 6px;}
                    </style>
                    <script>
                        $(function(){

                            var inde;
                            $("div.togeto").hover(function(){
                                $("div.togeto").removeClass("onthis");
                                $(this).addClass('onthis');

                            },function(){
                                $("div.togeto").removeClass("onthis");
                                $(this).addClass('onthis');

                            });

                        });

                    </script>

                    <?php
                    $i=0;
                    foreach($output['ren_qirecommends'] as $shop){?>
                    <a rel="nofollow" href="<?php echo urlShop('crowdfunding', 'goods',array('id'=>$shop['id']));?>"
                       target="_blank" title="<?php echo $shop['title'];?>">
                    <div class="<?php if($i==0){?>onthis<?php }?> togeto" style=" border-bottom:1px dotted #999999;float:left; padding:12px 0px;width:100%;">

                        <div class="isleft"><img style="width:70px;" src="<?php echo UPLOAD_SITE_URL.DS.ATTACH_GOODS.DS. $shop['thumb'];?>" /></div>
                        <div class="isright">
                            <label><?php echo $i+1;?></label>
                            <p class="jtitle"><?php echo $shop['title'];?></p>
                            <p class="jiage" style="color:#999999;">价值：<span class="rmb"></span><?php echo $shop['money'];?></p>
                        </div>
                    </div></a>
                    <?php $i++; }?>
                    <?php /*
                    <div class="togeto" style=" border-bottom:1px dotted #999999;float:left; padding:12px 0px;width:100%;">

                        <div class="isleft"><img style="width:70px;" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/1_05.jpg" /></div>
                        <div class="isright">
                            <label>2</label>
                            <p>2016年夏季热款黄金足金可...</p>
                            <p class="jiage" style="color:#999999;">价值：￥198.00</p>
                        </div>
                    </div>
                   */?>


                </div>
            </div>

        </div>

    </div>


    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_05.jpg') center; width:100%; height:148px;"></div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_04.jpg') center; width:100%; height:520px;">

        <div class="wrapper">
            <div style="text-align:center;"><img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/8989_05.jpg"/></div>

            <div style="padding-left:75px; line-height:30px;font-size: 13px;">
                <p><label style="background: #fc7d02;color: #FFFFFF;padding: 5px 15px; line-height: 90px; margin-right: 10px;">活动时间：</label><label style="color:#f94856;">5月18日--5月23日，</label>每日上午9：00至晚上11:59。</p>
                <p>①充值一元或使用一张“笑拼券”即可参与“笑拼”活动</p>
                <p>②每款商品每日<label  style="color:#f94856;">限时限量放送，</label>达到人数上限或当日活动结束为止</p>
                <p>③每件商品参考市场价，分成若干“等份”，花费1元或1张“笑拼”券即可购买1份并随机获得一个金银码</p>
                <p>④当某期商品的所有“等份”全部售出或者活动时间截止后计算出<label style="color:#f94856;">“幸运金银码”</label>，拥有“幸运金银码”的用户即可获得当期商品</p>
                <p>⑤每人每件单品只能参与一次活动</p>
                <p>⑥拥有“幸运金银码”的用户可到活动现场领取；不方便来活动现场的，活动结束后统一以邮寄的方式领取<label style="color:#f94856;">（邮费自付）</label>。（需邮寄的在下面填写个人信息）</p>

                <form style="margin-top: 30px;">
                    <label style="color:#4aaddf; margin-right:15px;">姓名</label><input type="text"/>
                    <label style="color:#4aaddf; margin-right:15px;margin-left:15px;">电话</label><input type="text"/>
                    <div style="margin-top: 20px;">
                        <label style="color:#4aaddf; margin-right:15px;">地址</label><input style="width:500px;" type="text"/>
                    </div>
                    <label style="color:#FFFFFF; padding:10px 30px; background:#4aaddf;border-radius: 5px;line-height: 80px; margin-left:40px; font-size:18px;">确认信息</label>
                </form>

            </div>


        </div>

    </div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/lyg_06.jpg') center; width:100%; height:86px;"></div>
    <div align="center" style="background-color: #fdede1;padding-bottom:15px;margin-bottom: -30px; ">本活动最终解释权归找金银网所有</div>
